{$layout}
{$template "../menu"}

<!--<first-menu>
	<a href="" class="item" @click.prevent="createNode()">[添加节点]</a>
</first-menu>-->

<p class="comment" v-if="nodes.length == 0">暂时还没有节点。</p>

<table class="ui table selectable celled" v-if="nodes.length > 0">
	<thead>
		<tr>
			<th>节点名称</th>
            <th class="width6 center">版本号</th>
            <th class="width5 center">CPU</th>
            <th class="width5 center">内存</th>
            <th class="center width10">状态</th>
			<th class="two op">操作</th>
		</tr>
	</thead>
	<tr v-for="node in nodes">
        <td><a :href="'/settings/authority/nodes/node?nodeId=' + node.id">{{node.name}}</a></td>
        <td class="center">
            <span v-if="node.status.buildVersion.length > 0">v{{node.status.buildVersion}}</span>
            <span v-else class="disabled">-</span>
        </td>
        <td class="center">
            <span v-if="node.status.isActive" :class="{red:node.status.cpuUsage > 0.80}">{{node.status.cpuUsageText}}</span>
            <span v-else class="disabled">-</span>
        </td>
        <td class="center">
            <span v-if="node.status.isActive" :class="{red:node.status.memUsage > 0.80}">{{node.status.memUsageText}}</span>
            <span v-else class="disabled">-</span>
        </td>
        <td class="center">
            <span v-if="!node.isOn"><label-on :v-is-on="node.isOn"></label-on></span>
            <div v-else-if="node.status.isActive">
                <span class="green">运行中</span>
            </div>
            <span v-else-if="node.status.updatedAt > 0" class="red">已断开</span>
            <span v-else-if="node.status.updatedAt == 0" class="red">未连接</span>
        </td>
		<td>
			<a :href="'/settings/authority/nodes/node?nodeId=' + node.id">详情</a> &nbsp;
			<a href="" @click.prevent="deleteNode(node.id)">删除</a>
		</td>
	</tr>
</table>

<div class="page" v-html="page"></div>